<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轻松批</title>
</head>
<style type="text/css">
    .ys{
        background-color:black;
        height:65px;
    }
    .ys_1{
        background-color:#5f5b5b;
        height:390px;
        margin-top:-76px;
    }
    .ys_2{
        background-color:rgb(12, 12, 12);
        height:250px;
        margin-top:390px;
    }
    .ys_3{
        background-color:rgb(226, 226, 226);
        height:400px;
        margin-top:0px;
    }
    .ys_4{
        background-color:rgb(255, 255, 255);
        height:400px;
        margin-top:0px;
    }
    .ys_5{
        background-color:rgb(214, 214, 214);
        height:400px;
        margin-top:120px;
    }
    .ys_6{
        background-color:rgb(255, 255, 255);
        height:500px;
        margin-top:0px;
    }
    .ys_7{
        background-color:rgb(0, 0, 0);
        height:150px;
        margin-top:0px;
    }
    .ys_8{
        background-color:rgb(48, 48, 48);
        height:250px;
        margin-top:0px;
    }
    .zt{
    margin: 0px auto;
    width: 1260px;
    font-family:“宋体”;
}
    .one{
        float:left;
        width:350px;
        color:white;
    }
    .one>p{
        color:white;
        margin-top: 20px;
    }
    .one_1{
        float:center;
        width:800px;
        padding-top:20px;
    }
    .one_1>a{
        margin-left:20px;
        margin-right:20px;
        text-decoration:none;
        color:white;
    }
    #ztys{
        color:red;
    }
    .one_1>a:hover{
        size:20px;
        color:red;
    }
    .one_1>a>p{
        color:red;
    }
    .one>img{
        float: left;
        margin-top: 10px;
        margin-left: 40px;
    }
    .one_2{
        float: right;
        width: 350px;
    }
    .one_2 > a{
    float: left;
    padding-top: 10px;
    padding-left: 25px;
    padding-bottom: 10px;
    padding-right: 25px;
    border: 1px solid white;
    margin-left: 100px;
    margin-top: -45px;
    text-decoration: none;
    color: white;
    border-radius: 10px;
    font-size: 14px;
    line-height:20px;
}
    .one_2>a:hover{
        size:20px;
        color:rgb(0, 255, 242);
    }
    .one_2>a:active{
     color:rgb(255, 0, 0);
    }
    .one_2 >img{
        float: left;
    margin-top:-30px;
    }
    .one_2>p{
        color:white;
        margin-top: -20px;
    }
     a:link{
     color:white;
     text-decoration: none;
    }
    .two{
        color:white;
        margin-top: 100px;
        margin-left:40px;
    }
    .two_1>img{
        float:right;
        margin-left:20px;
        margin-top:-230px;
    }
    .two_h1{
        font-size:26px;
        padding-top: 40px;
        color:white;
        margin-left: 40px;
    }
    .two_h1>p{
        font-size:16px;
        line-height:16px;
    }
    .two_2{
    float: left;
    padding-top: -50px;
    padding-left: 30px;
    padding-bottom: 10px;
    padding-right: 30px;
    border: 3px solid  rgb(252, 64, 64);
    margin-left: 25px;
    margin-top: 0px;
    text-decoration: none;
    color:white;
    background:rgb(250, 64, 64);
    border-radius: 20px;
    font-size: 20px;
    }
    .img1{
        float:left;
        margin-left:70px;
        margin-top:30px;
    }
    .img1>p{
        font-size:16px;
        color:white;
        line-height:1px;
    }
    .img1>h2{
        color:red;
        font-size:18px;
        padding-left:40px;
        line-height:10px;
    }
    .there{
        letter-spacing: 3px;
        padding-top:50px;
        text-align: center;
        font-size:26px;
        line-height:10px;
        color:red;
    }
    .there>p{
        font-size:10px;
        color:rgb(110, 110, 110);
    }
    .there>p1{
        color:black;
    }
    .img2{
        float:left;
        margin-left:90px;
        margin-top:30px;
    }
    .four{
        text-align: center;
        line-height:2px;
        color:rgb(0, 0, 0);
    }
    .four>h2{
        font-size:10px;
        color:rgb(255, 0, 0);
    }
    .four>p{
        font-size:10px;
        color:rgb(194, 193, 193);
    }
    .fout_b{  
        float:left;
        width: 320px;
        margin-left:1px;
        padding-top:50px;
        padding-left: 1px;
        padding-bottom: 30px;
        padding-right: 1px;
        border: 1px solid #ff010d; 
        border-radius: 8px;
    }
    .fout_b>p{
        font-size:14px;
    }
    .fave{
        font-size:16px;
        text-align: center;
    }
    #bejin{
        background-color: rgb(170, 170, 170);
        border: 4px solid  rgb(170, 170, 170);
    }
    .fave>a{
    float: center;
    margin-left: 100px;
    margin-top: 20px;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 10px;
    padding-right: 40px;
    border: 3px solid  rgb(209, 122, 122);
    text-decoration: none;
    color:white;
    background:rgb(209, 122, 122);
    border-radius: 20px;
    font-size: 20px;
    }
    .six{
        padding-top:80px;
        text-align: left;
        font-size:26px;
        color:red;
        line-height:0px;
    }
    .six>a1{
        font-size:26px;
        color:rgb(0, 0, 0);
        line-height:100px;
    }
    .six>p1{
        font-size:10px;
        color:black;
        line-height:0px;
    }
    .six>p1>p2{
        line-height:10px;
    }
    .six>a{
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 20px;
    padding-right: 30px;
    border: 10px solid  rgb(209, 122, 122);
    text-decoration: none;
    color:white;
    background:rgb(209, 122, 122);
    border-radius: 20px;
    font-size: 20px;
    border-radius: 8px;
    }
    .six>img{
        float: right;
        margin-left:70px;
        margin-top:-170px;
    }
    .seven{
       padding-top:50px;
       letter-spacing: 3px;
        text-align:center;
        font-size:28px;
        color:rgb(185, 107, 107);
        
    }
    .seven>hr{
        margin-top:50px;
        background-color: black;
    }
    .seven>img{
        float: left;
        margin-left:50px;
        margin-top:10px;
        padding-right:280px ;
    }
    .seven_a{
        padding-top:50px;
        text-align:left;
        font-size:12px;
        color:rgb(83, 83, 83);
        line-height:1px;
    }
    .seven_a>b{
        color:rgb(201, 101, 101);
        font-size:20px;
    }
    .seven_a>c{
    color:rgb(206, 115, 115);
    font-size:16px;
    }
    .seven>a>p2{
        line-height:20px;
    }
    .seven_e{
        margin-right:180px;
        text-align:right;
        color:black;
        font-size:26px;
    }
    .fot_a{
        margin-top:50px;
        margin-left:50px;
        color:rgb(255, 5, 5); 
        font-size:26px;
    }
    .box{
        font-size:10px;
        color:rgb(190, 190, 190);
        padding-top:5px ;
    }
    .box>img{
        padding-left:700px ;
        margin-top:-350px ;
        text-align: right;
    }
    .night{
        font-size:28px;
       padding-top:50px ;
        padding-left:16px;
        padding-bottom: 10px;
        color:white;
    }
    .night>a{
    float: right;
    margin-top: 0px;
    margin-right: 30px;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 10px;
    padding-right: 30px;
    border: 10px solid  rgb(255, 136, 0);
    text-decoration: none;
    color:white;
    background:rgb(255, 136, 0);
    border-radius: 20px;
    font-size: 20px;
    }
    .ten{
        font-size:12px;
        color:rgb(168, 168, 168);
        float: left;
        margin-left:100px;
        margin-top:20px;
        line-height:1px;
    }
    .ten>p{
        line-height: 50px;
        font-size:20px;
    }
    .ten_1{
        float: left;
        padding-top:30px; 
        padding-left:50px; ;
        font-size:12px;
        color:rgb(168, 168, 168);
        line-height:25px;
    }
    .ten_1>a{
        color:rgb(217, 255, 159);
    }
    .ten_1>p{
        font-size:20px;
    }
    .ten_2{
        float: left;
        padding-top:40px; 
        padding-left:50px; ;
        font-size:12px;
        color:rgb(168, 168, 168);
        line-height:1px;
    }
    .ten_2>p{
        font-size:20px;
    }
    .ten_2>img{
        transform:translateY(10px) ;
    }
    .ten_3{
        float: left;
        padding-top:40px; 
        padding-left:50px; ;
        font-size:12px;
        color:rgb(168, 168, 168);
        line-height:1px;
    }
    .ten_3>p{
        font-size:20px;
    }
    .ten_3>img{
        transform:translateY(10px) ;
    }
    #ye{
        background:red;border:red;color:rgb(255, 255, 255);
        font-size:26px;
        border-radius: 8px;
    }
</style>
<body>
    <div class="zt">
         <div class="ys">
            <div class="one">
            <img src="qsp_01.jpg">
            <p>让批发更轻松</p>
        </div>
        <div class="one_1">
            <a href=" " id="ztys">首页</a>
            <a href=" " >服务</a>
            <a href=" " >定价</a>
            <a href=" " >关于</a>
        </div>
        <div class="one_2">
            <img src="qsp_02.jpg">
            <p>123456789</p>
             <a href="">立即申请</a>
  </div>
<div class="ys_1">
    <div class="two">
        <div class="two_h1">
    <h1>批发，从未如此轻松</h1>
    <p>重新定义批发，未您连接所有客户</p></p>
    <p>拥抱移动互联，助您生意再次腾飞</p></p>
    <a href="" class="two_2">申请免费试用</a>
</div>
</div>
</div>
</div>
<div class="two_1">
    <img src="qsp_03.jpg">
</div>
<div class="ys_2">
    <div class="img1">
    <img src="qsp_04.jpg">
    <h2>掌握店铺</h2>
    <p>实时数据同步，了解店铺运营情况</p>
    <p>所有店铺状态，随时随地一手掌握</p>
    </div>
    <div class="img1">
    <img src="qsp_05.jpg">
    <h2>安全稳定</h2>
    <p>>数据多重加密，确保安全</p>
    <p>阿里云服务器，稳定无忧</p>
    </div>
    <div class="img1">
    <img src="qsp_06.jpg">
    <h2>无需网络</h2>
    <p>离线操作+在线数据同步，多点共用</p>
    <p>没有网络也不影响生意,全国唯一</p>
    </div>
    <div class="img1">
    <img src="qsp_07.jpg">
    <h2>专属网店</h2>
    <p>专属独立网商，防止对比</p>
    <p>扫码才可进入，拒绝仿版</p>
    </div>
    </div>
    <div class="ys_3">
        <div class="there">
        <p1>三大优势</p1>祝你生意腾飞
        <p>我们所做的一切，只为你的生意更好！</p>
        </div>
        <div class="four">
        <div class="img2">
            <div class="fout_b">
     <img src="qsp_08.jpg" width="150px" height="100px"></p>
    <h2>你的独立网商</h2>
    <p>即刻拥有你的专属网商平台，扫码访问让你</p>
    <p>的店铺捧在他的手心里</p>
    </div>
</div>
     <div class="img2">
        <div class="fout_b">
     <img src="qsp_09.jpg"  width="150px" height="100px"></p>
     <h2>你的独立网商</h2>
    <p>即刻拥有你的专属网商平台，扫码访问让你</p>
    <p>的店铺捧在他的手心里</p>
    </div>
</div>
     <div class="img2">
        <div class="fout_b">
     <img src="qsp_10.jpg"  width="150px" height="100px"></p>
     <h2>你的独立网商</h2>
     <p>即刻拥有你的专属网商平台，扫码访问让你</p>
    <p>的店铺捧在他的手心里</p>
    </div>
</div>
</div>
</div>
<div class="ys_4">
    <div class="six">
        <div class="fave">
            <a href="" id="bejin">云商店</a>
            <a href="">进销存</a>
            <a href="">商米v1</a>
        </div>
<a1>你独有的网店</a1>-轻松批云商店</p>
<p1>轻松批展示店专为批发商进行开发，让您拥有独立的、安全的展示空间，所有数据直接在APP上即</p>
<p2>可开始进行编辑，提供全面的发展、交易、售后服务，为您的批发事业插上互联网的翅膀！</p>
    &nbsp;</p2></p>
<b>无限容量空间</p>
一见生成二维码</p>
免费公众号服务</b></p></p1>
<a href=" ">进入示范店铺</a>
<img src="qsp_11.jpg">
</div>
</div>
<div class="ys_5">
    <div class="seven">
        我们如何帮助客户成功
        <hr>
        <img src="qsp_12.jpg">
        <div class="seven_a">
        &nbsp;&nbsp;轻松批让我不再像以前一样每天都要守在店里观察客户情况，在家里打开手机就可以看到店铺整体的业务情</p>
            况，让我有更多时间在面料、工厂和款式上下功夫，自带的销量库存让我可以准确的进货下单</p>
            &nbsp;&nbsp;并且轻松批提供的网上店铺，更方便我的客户看新款，我也不用发微信来骚扰客户，现在的老客户越来越多！</p>
            用轻松批，说老实话并没有轻松多少，但是生意变好了很多！继续加油!!!</p>
            &nbsp;</p2></p>
            &nbsp;</p2></p>
            &nbsp;</p2></p>
            &nbsp;</p2></p>
            <b>特朗普</b></p>
            <c>味道档口老板,美衣城c071档</c>
            <div class="seven_e">
            <i>WEIDAO</i>
        </div>
        </div>
    </div>
</div>
<div class="ys_6">
    <div class="fot_a">
    留下您的电话，我们第一时间联系您</p>
    <div class="fot_div">
        <div class="box">
    <input style="width:200px;height: 30px;" type="text" name="usename" id="username" placeholder="姓名"/>
    <input style="width:200px;height: 30px;" type="text" name="usename" id="username" placeholder="电话号码"/><br/></p>
    <input style="width:410px;height: 30px;" type="text" name="usename" id="username" placeholder="邮箱"/><br/></p>
    <textarea style="width:410px;height: 100px;" name="intro" cols="50" rows="10"placeholder="内容"></textarea></br>
    <input id="ye"style="width:200px;height: 50px;" type="submit" value="提交" name="tijiao" ></br>
    温馨提示:可以在内容中填写您的店铺地址，在开通业务的地区，我们提供上门服务！
    <img src="qsp_13.jpg">
   </div>
</div>
</div>
</div>
    <div class="ys_7">
        <div class="night">
        <i>轻松批，让批发更轻松！！！</i>
        <a>免费使用版本</a>
    </div>
    </div>
    <div class="ys_8">
        <div class="ten">
            <p>关于我们</P>
            <p> </p>
            轻松批是广州市晶焰网络科技有限公司专为</p>
            批发行业开发的成套批发管理工具，我们致</p>
            力于解决批发行业的各种痛点，并为客户提</p>
            供更好和更优质的产品</p>
        </div>
            <div class="ten_1">
            <p>合作伙伴</p></p>
            <a>阿里云一阿里巴巴网络服务平台</a></P>
            商米一小米控股商用设备提供商</p>
        </div>
        <div class="ten_2">
            <p>联系方式</p></p>
            <img src="qsp_14.jpg">
            qsp@baokuant.com</p>
            <img src="qsp_15.jpg">
            +86 13826027418</p>
            <img src="qsp_16.jpg">
           广州市越秀区人民南路88号肯德基二楼</p>
        </div>
        <div class="ten_3">
            <p>帮助与支持</p></p>
            <img src="qsp_17.jpg">
            使用帮助</p>
            <img src="qsp_15.jpg">
            +86 13826027418</p>
            <img src="qsp_16.jpg">
            广州市越秀区人民南路88号肯德基二楼</p>
        </div>
    </div>
</div>
 </body>
</html>